﻿
@{
    ViewBag.Title = "Index";
    var F = Html.F();
}

@section body {
    @(
            F.Panel()
            .IsViewPort(true)
            .Layout(LayoutType.VBox)
            .BodyPadding(0)//5
            .BoxConfigChildMargin("0 0 0 0")//0 0 5 0
            .ShowBorder(false)
            .ShowHeader(false)
            .Items(
                F.Form()
                .ID("searchForm")
                .BoxFlex(1)
                .Title("查询条件")
                .BodyPadding(5)
                .BoxConfigChildMargin("0 5 0 5")
                .Layout(LayoutType.VBox)
                .BoxConfigAlign(BoxLayoutAlign.Stretch)
                .BoxConfigPosition(BoxLayoutPosition.Center)
                //.AddTool(IconFont.Refresh, "refresh_Click()")
                //.AddTool(IconFont.Search, "search_Click()")
                .EnableCollapse(true)
                .LabelWidth(70)
                .Rows(
                    F.FormRow()
                    .ColumnWidths("25% 25% 25% 25%")
                    .Items(
                        F.TextBox()
                        .ID("txtstr20")
                        .Attribute("data", "System_1_20")
                        .Label("用户名")
                        .EmptyText("请输入用户名"),
                        F.TextBox()
                        .ID("txtstr120")
                        .Attribute("data", "System_1_120")
                        .Label("姓名")
                        .EmptyText("请输入姓名"),
                        F.TextBox()
                        .ID("txtstr140")
                        .Attribute("data", "System_1_140")
                        .Label("邮箱")
                        .EmptyText("请输入邮箱")
                        )
                    )
                ,
                F.Grid()
                .ID("Grid1")
                .Title("用户列表")
                .BoxFlex(6)
                .EnableCheckBoxSelect(true)
                .EditWindow(true)
                .DataIDField("System_1_10")
                .AllowPaging(true)
                .PageSize(15)
                .Toolbars(
                    F.Toolbar()
                    .Items(
                        F.Button()
                        .ID("btnnew")
                        .IconFont(IconFont.Plus)
                        .OnClientClick("btnnew_Click()")
                        .Text("新增"),
                        F.Button()
                        .ID("btnedit")
                        .IconFont(IconFont.Edit)
                        .OnClientClick("btnedit_Click()")
                        .Text("修改"),
                        F.Button()
                        .ID("btndel")
                        .IconFont(IconFont.Close)
                        .OnClientClick("btndel_Click()")
                        .Text("删除"),
                        F.Button()
                        .ID("btndel")
                        .IconFont(IconFont.Close)
                        .OnClientClick("btneditpwd()")
                        .Text("修改密码"),
                        F.ToolbarFill(),
                        F.Button().ID("btnexcelmeun").IconFont(IconFont.SortAmountAsc)
                        .OnClientClick("showexcelmeun()")
                        )
                    )
                .Columns(
                     F.RowNumberField(),
                     F.RenderField()
                         .HeaderText("ID")
                         .Hidden(true)
                         .DataField("System_1_10"),
                     F.RenderField()
                         .HeaderText("用户登录名")
                         .ExpandUnusedSpace(true)
                         .DataField("System_1_20"),
                     F.RenderField()
                         .HeaderText("手机")
                         .ExpandUnusedSpace(true)
                         .DataField("System_1_40"),
                     F.RenderField()
                         .HeaderText("姓名")
                         .ExpandUnusedSpace(true)
                         .DataField("System_1_120"),
                     F.RenderField()
                         .HeaderText("邮箱")
                         .ExpandUnusedSpace(true)
                         .DataField("System_1_140")
                      )
                 .DataSource(ViewBag.griddata)
                )
    )

    @(F.Menu()
                .ID("MenuExcel")
                .Items(
                    F.MenuButton()
                        .ID("btnExcelin")
                        .Text("Excel导入")
                        .IconFont(IconFont.Upload),
                    F.MenuButton()
                        .Text("导出Excel")
                        .ID("btnExcelout")
                        .IconFont(IconFont.FileExcelO),
                    F.MenuButton()
                        .Text("下载导入模板")
                        .ID("btnExceldown")
                        .IconFont(IconFont.Download)
                //.Listener("click", "onUnselectRows")
                )
    )
}


@section script {
    <script>
        //查询
        function search_Click() {
            var d = F.ui.searchForm.getdata();
            F.doPostBack('@Url.Action("search_Click")', {
                ms: d,
                fields: F.ui.Grid1.fields
            });
        }
        function btnbeforeclick(e, t) {
            return false;
        }

        function refresh_Click()
        { F.ui.searchForm.reset(); }

        //删除
        function btndel_Click() {
            var ids = F.ui.Grid1.getSelectedRows();
            if (ids.length < 1) {
                notifyEx("请选择一行进行编辑");
                return;
            }
            confirmEx("确定删除选中信息?", function () {
                F.doPostBack('@Url.Action("bendel_Click")', {
                    ids:ids,
                    fields: F.ui.Grid1.fields
                });
            })
        }

        //新增
        function btnnew_Click() {
            //新增
            F.ui.Grid1.showEdit();
        }
        //修改
        function btnedit_Click() {
            //编辑
            F.ui.Grid1.showEdit(true);
        }

        function lodeGrid() {
            F.doPostBack('@Url.Action("lodeGrid")', {
                fields: F.ui.Grid1.fields
            });
        }

        //显示下拉菜单
        function showexcelmeun() {
            F.ui.MenuExcel.show();
        }
        F.ready(function () {

            //修改页面
            F.ui.Grid1.editurl = '@Url.Content("~/system/system1/sys1Edit")';
            F.ui.Grid1.editWidth=600;
            F.ui.Grid1.editHeight = 400;

        })
    </script>
}